<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <script>

        let divs = document.querySelectorAll('div');

        // divs.forEach(item=>{
        //     item.onclick =function(){
        //         console.log(item);
        //     }
        // })

        // setInterval(()=>{
        //     console.log("index");
        // }, 1000);


        // divs.forEach((item,index)=>{

        //     item.onclick = ()=>{
        //         setTimeout(() => {
        //             console.log(index);
        //         }, 1000);
        //     }

        // })

        // 复习 this - 调用者 谁调用了它 它就是谁。


    </script>
</body>
</html>